/* 页眉图片 */
.header img{
    display: block;
    margin: 0 auto;
}
.nav-header {
    width: 102rem;
    height: 3rem;
    background: #3b81c1;
    box-shadow: 0 1px 2px #666;
    margin: 0 auto;
}

/* 导航列表 */
.nav-header-list {
    display: flex; /* 使用flex布局 */
    justify-content: center; /* 居中显示 */
    height: 3rem; /* 与nav高度一致 */
}

/* 单个导航链接 */
.drop-down {
    width: 11rem;
    line-height: 3rem;
    text-align: center;
    position: relative; /* 使用相对定位 */
    font-size: 1.5rem;
}
.drop-down a{
    color: #fff;
    display: block;
}
.drop-down a:hover{
    color: yellow;
}
main{
    width: 100rem;;
    margin: 0 auto;
}
/* 主容器样式 */
.detail-box {
    display: flex; /* 使用弹性布局 */
    width: 100rem; /* 根据需要设置宽度 */
    height: auto; /* 高度自适应 */
    justify-content: center;
    align-items: center;
    flex-direction: column; /* 垂直排列 */
    margin: 1rem auto; /* 居中 */;
    background-color: #fff;
}
.nav-place {
    display: flex; /* 使用弹性布局 */
    align-items: center; /* 垂直居中对齐 */
    margin: 0.5rem 0; /* 与列表项之间的间距 */
    background-color: #cae9fa;
    padding: 1rem 0rem;
    border-bottom: 2px solid #41a3e4;
}

.nav-place span {
    margin-right: 0.5rem; /* 与链接之间的间距 */
    padding-left: 1rem; /* 左内边距 */
}

.detail-content{
    display: flex; /* 使用弹性布局 */
    justify-content: center; /* 居中显示 */
    align-items: center; /* 垂直居中对齐 */
    flex-direction: column; /* 垂直排列 */
    margin-bottom: 1rem; /* 之间的间距 */
    width: 100rem;
    height: auto;
    margin-top: 1rem;
}
.detail-header h1{
    text-align: center; /* 居中对齐 */
    padding: 1rem;
    margin: 1rem 0;
}
.detail-header p{
    text-align: center; /* 居中对齐 */
    padding: 1rem;
    margin: 2rem 2rem;
    border-bottom: 1px dashed gray;

}
.detail-article{
    display: block; /* 块级元素 */
}
.detail-article p{
    width: 95%;
    text-align: justify;
    line-height: 4rem; /* 行高 */
    font-size: 1.8rem;
    margin: 1rem 2rem;
    text-indent: 4rem;
}
.detail-article p:last-child{
    text-align: right;
}
.detail-article img{
    width: 85%;
    height: auto;
    padding: 0 5rem;
    margin: 1rem 2rem;
}
.block{
    background-color: #1298e0;
    width: 102rem;
    height: 3rem;
    margin: 0 auto;
}
/* 页脚样式 */
.footer {
    display: flex; 
    justify-content: center; 
    align-items: center; 
    margin: 2rem 0;
    position: relative;
    bottom: 0;
    width: 100%;
}